<template lang="html">
  <div class="app">
    <top-header></top-header>
    <!-- <div v-title>资本</div> -->
    <div class="capital-banner" :style='banner'></div>
    <div class="w1200 getMoney">
      <div class="title">
        <span class="line ver-middle"></span><span class="font"><b>融资从未如此高效</b></span><span class="line ver-middle"></span>
      </div>
      <div class="num">
        <b>8</b> 个工作日 &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; <b>8</b> 家投资机构 &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp; <b>100</b> %反馈
      </div>
      <ul class="overhide">
        <li>
          <img v-lazy="require('../../assets/images/getMoney-img1.png')" alt="">
          <div class="t1">高效</div>
          <p>一次性对接８家投资机构</p>
          <p>让你的每一次BP投递必有回响</p>
        </li>
        <li>
          <img v-lazy="require('../../assets/images/getMoney-img2.png')" alt="">
          <div class="t1">精准</div>
          <p>依托海量数据匹配项目领域</p>
          <p>层层筛选最合适你的投资机构</p>
        </li>
        <li>
          <img v-lazy="require('../../assets/images/getMoney-img3.png')" alt="">
          <div class="t1">专业</div>
          <p>600多家知名投资机构入驻</p>
          <p>2300多位认证投资人在这里等你</p>
        </li>
      </ul>
    </div>
    <div class="capital-bgf7" :style="dataBanner">
      <div class="w1200 cap-data overhide">
        <div class="tit">
          海量数据，高效对接
        </div>
        <div class="sub">
          给你最合适的投资机构
        </div>
      </div>
    </div>
    <div class="capital-bgfb">
      <div class="w1200">
        <div class="title">
          <span class="line ver-middle"></span><span class="font"><b>解忧工场现已服务近1000位创业者</b></span><span class="line ver-middle"></span>
        </div>
        <ul>
          <li>
            <img v-lazy="require('../../assets/images/capital-num1.png')" alt="">
            <p>获投资人1对1约谈</p>
          </li>
          <li>
            <img v-lazy="require('../../assets/images/capital-num2.png')" alt="">
            <p>获投资机构持续跟进</p>
          </li>
          <li>
            <img v-lazy="require('../../assets/images/capital-num3.png')" alt="">
            <p>创业者再次选择</p>
          </li>
        </ul>
      </div>
    </div>
    <div class="capital-bgf8">
      <div class="w1200">
        <div class="title2">
          成功客户案例与反馈
        </div>
        <div class="man overhide">
          <img v-lazy="require('../../assets/images/capital-man.png')" alt="" class="fl">
          <div class="info fl">
            <div class="name">张晨 <span>创始人&CEO</span></div>
            <div class="company">NONOLADY</div>
            <div class="intro">
              使用了融资宝服务，解忧工场帮助投递8家机构，约谈率约30%，电话或者见面沟通，效率高。没有约谈的也给了反馈，帮助我们从投资人视角看待商业模式和市场现状。有收获，推荐。
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="capital-bgf3">
      <div class="w1200 process">
        <div class="title">
          <span class="line ver-middle"></span><span class="font"><b>服务流程/</b> Application process</span><span class="line ver-middle"></span>
        </div>
        <img v-lazy="require('../../assets/images/capital-process.png')" alt="">
      </div>
    </div>
    <div class="w1200 capitals">
      <div class="title">
        <span class="line ver-middle"></span><span class="font"><b>资本/</b> Capital of capital</span><span class="line ver-middle"></span>
      </div>
      <table>
        <tr>
          <td><img v-lazy="require('../../assets/images/capital1.png')" alt=""></td>
          <td><img v-lazy="require('../../assets/images/capital2.png')" alt=""></td>
          <td><img v-lazy="require('../../assets/images/capital3.png')" alt=""></td>
          <td><img v-lazy="require('../../assets/images/capital4.png')" alt=""></td>
        </tr>
        <tr>
          <td><img v-lazy="require('../../assets/images/capital5.png')" alt=""></td>
          <td><img v-lazy="require('../../assets/images/capital6.png')" alt=""></td>
          <td><img v-lazy="require('../../assets/images/capital7.png')" alt=""></td>
          <td><img v-lazy="require('../../assets/images/capital8.png')" alt=""></td>
        </tr>
      </table>
    </div>
    <div class="cap-product" :style="botbanner">
      <div class="w1200">
        <div class="title2">
          我们的产品，只为满足你的融资需求
        </div>
        <div class="box">
          <div class="top">
            <p class="tit">标准版</p>
            <p class="sub">解忧工场融资宝</p>
          </div>
          <div class="bot">
            <div class="price">
              <span>￥999.00</span> 元
            </div>
            <div class="line"></div>
            <p><i class="el-icon-check"></i>给出BP修改建议</p>
            <p><i class="el-icon-check"></i>精准对接８家投资机构，100%建议反馈</p>
            <p><i class="el-icon-check"></i>输出专业融资报告</p>
          </div>
        </div>
      </div>
    </div>
    <div class="w1200 cap-apply">
      <div class="btns">
        <el-button type="text" @click="dialogVisible = true" class="btn apply">免费报名</el-button>
        <!-- <div class="btn buy">立即购买</div> -->
      </div>
      <el-dialog
        :visible.sync="dialogVisible"
        size="tiny"
        :before-close="handleClose">
        <div class="dia-con">
          <div class="dia-tit">
            立即报名
          </div>
          <ul class="overhide">
            <li>
              <i class="icon man ver-middle"></i>
              <input type="text" placeholder="联系人">
            </li>
            <li>
              <i class="icon tel ver-middle"></i>
              <input type="text" placeholder="联系电话">
            </li>
            <li>
              <i class="icon pos ver-middle"></i>
              <input type="text" placeholder="公司职务">
            </li>
            <li>
              <i class="icon company ver-middle"></i>
              <input type="text" placeholder="公司名称">
            </li>
          </ul>
          <el-button type="warning" class="sub-btn">提 交</el-button>
        </div>
      </el-dialog>
      <div class="title">
        <span class="line ver-middle"></span><span class="font"><b>现在报名，你将获得更多福利！</b></span><span class="line ver-middle"></span>
      </div>
      <ul class="con">
        <li>
          <img v-lazy="require('../../assets/images/addValue1.jpg')" alt="">
          <div class="font">
            <div class="tit t1">
              <i class="icon icon1 ver-middle"></i>项目路演
            </div>
            <div class="txt">
              融资新闻发布、媒体对接及深度采访推荐免费媒体传播及公关策略建议
            </div>
          </div>
        </li>
        <li>
          <img v-lazy="require('../../assets/images/addValue2.jpg')" alt="">
          <div class="font">
            <div class="tit t2">
              <i class="icon icon2 ver-middle"></i>享受解忧小二服务券￥100元
            </div>
            <div class="txt">
              此券只适用于解忧小二（www.jieyouxiaoer.com）官方 网站购买服务后使用
            </div>
          </div>
        </li>
        <li>
          <img v-lazy="require('../../assets/images/addValue3.jpg')" alt="">
          <div class="font">
            <div class="tit t3">
              <i class="icon icon3 ver-middle"></i>客户关怀
            </div>
            <div class="txt">
              多渠道机会分享、交流经验，定期对项目进行回访、调研
            </div>
          </div>
        </li>
      </ul>
      <div class="cap-tip">
        <div class="tit">
          <i class="icon ver-middle"></i>温馨提示
        </div>
        <p>1.服务有效期为3个月（购买之日起计算），请务必在3个月内开启服务。</p>
        <p>2.创业者需在解忧工场提前注册，并及时查看投递和反馈情况。</p>
        <p>3.投资人对项目做出真实评价，若有言辞犀利，望创业者冷静考虑投资人的建议。</p>
        <p>4. 8家机构由解忧工场完成匹配，目前暂不支持指定机构投递。</p>
        <p>5.工作时间：周一到周五为9：00-18：00。非工作日回复稍慢。</p>
      </div>
    </div>
    <bot-footer></bot-footer>
  </div>
</template>

<script>
import header from '../header/header.vue';
import footer from '../footer/footer.vue';
export default {
  data(){
    return{
      banner:{background:'url('+require("../../assets/images/capital-banner2.jpg")+') center'},
      dataBanner:{background:'#f7f7f7 url('+require("../../assets/images/capital-data.jpg")+') center bottom no-repeat'},
      botbanner:{background:'url('+require("../../assets/images/capital-botbanner.jpg")+') center'},
      activeName: 'first',
      dialogVisible: false
    }
  },
  methods:{
    // 弹窗
    handleClose(done) {
      done();
    }
  },
  mounted(){
    document.title = '解忧工场-资本'
  },
  components:{
    'top-header':header,
    'bot-footer':footer
  }
}
</script>

<style lang="less">
@import "capital.less";
</style>
